/* -------------------------------------------------------------
	style.css
	Site Name	      : mywebcreations.dk corporate website
	Date	      : March 18th,2011
	Last Modified date : March 22th, 2011
	
	Created by Thanh Phong, Pham
	email : phong.pham@mwc@.vn
-------------------------------------------------------------- */
@import url(layout.css);

/* ------------------------------------
	GENERAL ELEMENTS
------------------------------------ */
body {
	background: #fff url(../images/bg_body.gif) repeat-x center top;
}

form{display:block;}

/*link, paragraph, reuse elements*/
input, textarea, select {border: 1px #cecece solid;}
span.red {color: red;}
/*-------- Reuse BUTTONS----------*/
div.actions {clear: left; overflow: hidden;}
a.click_btn { 
	display: block; 
	background:url(../images/sprites/bt_trykher.png) no-repeat; 
	width: 108px; 
	height: 24px; 
	line-height: 24px;
	text-shadow: 1px 1px 2px #323232;
	color: #fff;
	text-align:left;
	text-indent: 17px;
	float:left;
	margin-right: 6px;
}

a.click_btn:hover { background-position: 0 -24px; color: #fff;}

a.tilbage_btn {
	background:url(../images/sprites/back_btn.png) no-repeat;
	width: 236px;
	height: 27px;
	color: #fff;
	text-shadow: 1px 1px 2px #323232;
	font-size: 14px; 
	font-weight: bold;
	line-height: 24px;
	text-indent: 35px;
}

a.tilbage_btn:hover { background-position: 0 -27px;}

a.download_btn, a.bottom_btn, a.next_btn {
	display:block;
	color: #fff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 1px 1px 2px #323232;
}

a.download_btn {
	width: 307px;
	margin: 0 auto;
	height: 38px;
	line-height: 30px;
	text-indent: 22px;
	background: url(../images/sprites/download_losninger.png) no-repeat;	
}

a.download_btn:hover { background-position: 0 -38px;}

.bottom_link_ctn {
 background:url(../images/bg_content_btm.png) no-repeat center 44px;
 height: 80px;
 padding: 10px 0 10px 0;
 overflow:hidden;
}

.bottom_link_ctn a.contact_btn {
	display: block;
	width: 513px;
	height: 74px;
	margin: 0 auto;
	background:url(../images/sprites/kunder_contact_btn.jpg) no-repeat 0 0;
}

.bottom_link_ctn a.contact_btn:hover { background-position: 0 -74px;}

a.bottom_btn {
	background: url(../images/sprites/product_link_btn.jpg) no-repeat;
	height: 65px;
	line-height: 60px;
	float: left;
	white-space: nowrap;
}

a.live_chat { display:block; position: absolute; right: 8px; top: 56px;}
a.ct_btn { background-position: top left; width: 380px; text-indent: 75px;}
a.ct_btn:hover { background-position: 0 -65px;}

a.ref_btn { background-position: -380px 0; width: 285px; text-indent: 20px; margin-left: 5px;}
a.ref_btn:hover { background-position: -380px -65px;}
a.ref_btn img {float: left; margin: 0 0 0 7px;}

a.pj_btn { background-position: -665px 0; width: 272px; text-indent: 27px; margin-left: 5px;}
a.pj_btn:hover { background-position: -665px -65px;}

a.next_btn { background:url(../images/sprites/bt_nestefase.jpg) no-repeat; width: 141px; height: 30px; line-height: 30px; text-indent: 25px; text-transform: none; font-weight: normal; float: right; font-size: 14px;}
a.next_btn:hover { background-position: 0 -30px; }




/*Page*/
.page_wrapper {}

/*Header*/
#header {
	height: 166px;
	background:url(../images/bg_header.jpg) no-repeat top center;
	position:relative;
}

#header .header_top{
	height: 107px;
	overflow:hidden;
}

#header a.logo{
	display:block;
	margin-top: 22px;
}

#menu {
	position: relative;
	height: 46px;
	overflow: hidden;	
}

#menu span.menu_decor_left, #menu span.menu_decor_right {
	position: absolute;
	top: -1px;
	height: 47px;
	width: 36px;
	background:url(../images/sprites/bg_lr_menu_.png) no-repeat;
	z-index: 999;
}

#menu span.menu_decor_left {
	background-position: top left;
	left: 0;
}

#menu span.menu_decor_right {
	background-position: top right;
	right: 0;
}

/*menu reset*/
#menu * {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-decoration: none;
}
div#menu {position:relative; z-index: 1000;}

#menu ul#mainMenu {
	white-space: nowrap;
	height: 46px;
	padding: 0 16px; margin: 0;
}

/* Geometrical arrangement */
ul#mainMenu li {
	display: inline-block;
	position: relative;
	height: 46px;
	margin: 0;	
	padding: 0;
	float: left;
	z-index: 10;
	background: url(../images/menu_item_line.png) no-repeat bottom right;
}

ul#mainMenu li.first {width: 72px; padding: 0;}

ul#mainMenu li.last {background: none;}


/* Horizontal sliding doors */
ul#mainMenu li a {
	padding: 0 2px 0 0;
	display: inline-block;
	font: normal 16px Arial, Helvetica, sans-serif;
	color:#fff;
	position: relative;
	z-index: 9999;
	display:block;
	height: 46px;
}

ul#mainMenu li a span {
	display:block;
	background:url(../images/sprites/menu_item_hover.png) repeat-x;
	height: 46px;
	line-height: 46px;
	padding: 0 30px;
	text-align:center;
	text-shadow: 1px 1px 1px #005aa0;
}

.mac ul#mainMenu li a span {
	padding: 0 29px;
}

.mac ul#mainMenu li.last a span {padding: 0 30px;}

ul#mainMenu li.first a span {
	margin: 0 auto;
	padding: 0;
}

ul#mainMenu li.first a span img {margin-top: 12px;}

ul#mainMenu li.current a span {
	background:url(../images/sprites/menu_item_active.png) repeat-x;
	color: #FD9F00;
}

ul#mainMenu li.current a:hover span { color: #fff; }

#menu ul.mainMenu li.hover a, /*for ie6*/
#menu ul.mainMenu li:hover a, 
#menu ul.mainMenu li.current a, 
#menu ul.mainMenu li.current a:hover {
	color: #fff;

}

/*--------SLIDING BOXES -------------*/
.tipenven, .nyhedesbrev { position:absolute; height:109px; left:0px; z-index:1000;}

.tipenven {top:147px;}
.nyhedesbrev { top:260px;}

#slidingDiv, #slidingDiv1 { 
	display:none;
	overflow:hidden; 
	background: url(../images/bg_slide_box.gif) repeat-x;
	width: 245px;
	height: 109px;
	float: left;
	display: none;
}

.slide_box form {
	overflow: hidden;
	padding: 16px 16px 0 16px;
}

.slide_box form label,
.slide_box form input {
	float: left;
	display:inline;
	clear: left;
	line-height: 16px;
}

.slide_box form input {
	height: 18px;
	line-height: 18px;
	padding: 3px 4px 2px 4px;
	margin-top: 3px;
}

.slide_box form input.text {
	color: #777;
	border: 1px solid #a8a8a8;
	width: 203px;
}

.slide_box form a.submit {
	color: #fff;
	display:block;
	text-shadow: 1px 1px 0px #046dc6;
	text-align:center;
	width: 70px;
	background:url(../images/sprites/sm_button.png) no-repeat 0 0 ;
	height: 23px;
	line-height: 22px;
	border: none;
	float: left;
	margin: 5px 5px 0 0;
}

.slide_box form a.submit:hover {
	background-position: -70px 0;
}

/* flow buttons*/
a.flow_btn {
	width: 30px;
	height: 109px;
	float: left;
	display:block;
	background:url(../images/sprites/flow_btn.png) no-repeat;
	font-size: 0px;
	text-indent: -999px;
	line-height: 0px;
}

a.tipenven_btn { background-position: 0 0;}
a.tipenven_btn:hover { background-position: -30px 0;}

a.nyhedsbrev_btn { background-position: -60px 0;}
a.nyhedsbrev_btn:hover { background-position: -90px 0;}

a.feedback_btn, a.kontakt_btn { width: 29px; position: absolute; right: 0;}

a.feedback_btn { background-position: -120px 0; top: 147px; }
a.feedback_btn:hover { background-position: -149px 0;}

a.kontakt_btn { background-position: -178px 0; top: 260px;}
a.kontakt_btn:hover { background-position: -207px 0;}

/* homepage content */

#imageSlider {
	overflow:hidden;
	width: 959px;
	margin: 0 auto;
	background:url(../images/bg_flash_btm.png) no-repeat bottom center;
	padding-bottom: 12px;
}

#imageSlider .decor_ctn {
	background: url(../images/sprites/bg_flash.png) no-repeat;
}

#imageSlider .left_decor {
	background-position: top left;
	padding-left: 5px;
}

#imageSlider .right_decor {
	background-position: top right;
	padding-right: 5px;
}

#imageSlider #flashContent {
	overflow:hidden;
	height: 238px;
}

/* Middile services block */
#productsIntro {
	background: #f5f5f5 url(../images/bg_prd_intro_home.gif) repeat-x top;
	height: 147px;
}

#productsIntro .intro_ctn {
	background: #f5f5f5;
	width: 950px;
	height: 122px;
	overflow:hidden;
	margin: 0 auto;
}

#productsIntro .top_decor, #productsIntro .bottom_decor {
	background: #f5f5f5 url(../images/sprites/bg_intro_home_decor.jpg) no-repeat;
	height: 12px;
	line-height: 12px;
}

#productsIntro .top_decor {background-position: top center;}
#productsIntro .bottom_decor {background-position: bottom center;}

#productsIntro ul, #productsIntro ul li {
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
}

#productsIntro ul li {
	width: 228px;
	float:left;
	display:inline;
	margin-left: 12px;
}

#productsIntro ul li.first { margin-left: 0; }
#productsIntro ul li.alt { margin-left: 13px; }

#productsIntro ul a{
	width: 228px;
	overflow:hidden;
	display:block;
	height: 122px;
	cursor: pointer;
	background: url(../images/sprites/bg_intro_home_item.jpg) no-repeat;
}

#productsIntro ul a:hover { text-decoration: none;}

#productsIntro a.website { background-position: 0 -122px; }
#productsIntro a.website:hover { background-position: 0 0; }

#productsIntro a.webshop { background-position: -229px -122px; }
#productsIntro a.webshop:hover { background-position: -229px 0; }

#productsIntro a.portal { background-position: -458px -122px; }
#productsIntro a.portal:hover { background-position: -458px 0; }

#productsIntro a.sogem { background-position: right bottom; }
#productsIntro a.sogem:hover { background-position: right top; }

#productsIntro span {display:block; color:#fff; font-size: 11px; float:left;}

#productsIntro span.desc { width: 120px; float: left; padding: 20px 10px 0 15px;}

#productsIntro span.illus { padding-top: 30px}

#productsIntro a.portal span.illus { padding: 25px 0 0 5px;}

#productsIntro a.webshop span.desc { width: 115px;}

#productsIntro span.text {line-height: 15px; clear:both; display:block; width: 120px;}

.ie7 #productsIntro span.text {line-height: 16px; padding-top: 3px;}

#productsIntro a.sogem span.illus img { margin-top: 10px; }


/*--------MAIN CONTENT----------*/
#main{
	overflow:hidden;
	clear:both;
	background: url(../images/bg_btm_main.gif) repeat-x bottom;
}

#main .content_ctn {
	padding: 15px 0;
	overflow:hidden;
}

/* Forside content*/
#welcome .welcome_desc {
	border-top: 1px solid #c7c7c7;
	padding: 12px 0;
	height: 84px;
}

#welcome .welcome_desc p { margin-bottom: 3px;}
#welcome .welcome_desc a.more { color:#009aff; padding-left: 4px;}
#welcome .welcome_desc a.more:hover { text-decoration: underline;}

#adsBanner {padding: 8px 0;  position: relative; overflow:hidden;}

#adsBanner .left_decor, #adsBanner .right_decor { 
	background:url(../images/sprites/bg_ads_banner.png) no-repeat;
	height: 101px;
}

#adsBanner .left_decor { background-position: top left; padding-left: 12px; }

#adsBanner .right_decor { background-position: top right; padding-right: 12px; }

#adsBanner .ads_content { background:url(../images/bg_ads_banner_repeat.gif) repeat-x top; height: 101px; text-align:center;}

#adsBanner .ads_content  h2 {padding-top: 30px;}
#adsBanner .ads_content  p {padding-top: 10px;}

#adsBanner .ads_content a.click_btn {position: absolute; right: 15px; bottom: 20px;}

/*Referencer list*/
.referencer_block {
	padding-top: 5px;
	width: 628px;
}

.referencer_block h3 {
	padding: 0 5px;
}

.referencer_block .referencer_ctn {
	overflow: hidden;
	background: #fff url(../images/bg_ref_list_repeat.png) repeat-x top; 
	border: 1px solid #cecece;
	border-bottom: none;
	border-top: none;
	padding: 13px 10px 5px 10px;
}

.referencer_block #referencerList {
	overflow:hidden;
	width: 550px;
	float:left;
	margin-left: 5px;
}

.referencer_block .nav_direction { width: 18px; padding-top: 43px;}

.referencer_block .nav_direction a { 
	display: block;
	width: 18px;
	height: 34px;
	background:url(../images/sprites/ref_btn.png) no-repeat;
}

.referencer_block .nav_direction a.prev { background-position: top left;}
.referencer_block .nav_direction a.prev:hover { background-position:0  -34px;}

.referencer_block .nav_direction a.next { background-position: top right;}
.referencer_block .nav_direction a.next:hover { background-position:  -18px -34px;}


#referencerList  ul.thumbs_list {
	padding: 0;
	margin: 0;
	list-style: none;
	float:left;
	
}

#referencerList  ul.thumbs_list li {
	float:left;
	width: 171px;
	height: 113px;
	margin: 0 8px;
	background: url(../images/bg_ref_link.gif) repeat-x bottom;
}

#referencerList ul.thumbs_list li a {
	padding-top: 3px;
	display:block;
	text-align:center;
	color: #3b3b3b;
}

#referencerList ul.thumbs_list li a:hover { color: #009aff;}

#referencerList ul li a img {max-width: 171px; max-height: 88px;}

.referencer_block .bottom_decor {
	background:url(../images/bg_ref_btm.png) no-repeat top left;
	height: 9px;
}

/* RIGHT COLUMN */
/* Udvikling specifikationer block */
.dev_spec .illus_ctn, .dev_spec .link_bar {
		overflow:hidden;
		border: 1px solid #cecece;
		border-top: none;
		border-bottom: none;
}

.dev_spec .illus_ctn a {display: block; height: 174px;}
.dev_spec .illus_ctn a img {max-width: 306px; max-height: 174px;}

.dev_spec h3 { text-align: center;}

.dev_spec .link_bar {
	background: #fff url(../images/bg_link_bar_s1.png) repeat-x top;
	height: 31px;
	line-height: 28px;
	vertical-align: middle;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
}

.dev_spec .link_bar a:hover {text-decoration: none;}
.dev_spec .link_bar a img { margin-top: 2px;}

/*Rental block */
.rental {padding-top: 13px;}
.rental .middle_decor {padding: 10px 22px 10px 22px;}
.rental h3 { text-align:center; color: #0393dc; font-weight: normal; font-size: 17px; border-bottom: 1px dotted #8f8f8f; padding-bottom: 5px;}
.rental p {padding-bottom: 5px;}

.rental a.link_btn {
	width: 261px;
	height: 31px;
	display:block;
	background:url(../images/sprites/rental_btn.png) no-repeat;
}

.rental a.link_btn:hover { background-position: 0 -31px;}

/*----- PRODUKTER PAGES ----- */
#productList {}

#productList .prd_row{ overflow:hidden; padding-bottom: 15px;}
#productList .prd_row .center_decor {text-align: center;}

#productList .prd_row a.prd_link { overflow:hidden; display: block; padding-top: 10px;}
#productList .prd_row a.prd_link img { max-height: 71px;}
#productList .prd_row a.prd_link:hover span { color: #00b9ff;}
#productList .prd_row span{ overflow:hidden; display: block; color: #0090eb; font-size: 18px;}
#productList .prd_row span.odd{ white-space: nowrap; letter-spacing: -1px;}
#productList .prd_row span.illus {line-height: 20px; }

#productList .prd_row .col5 {margin-left: 15px; float: left; display:inline;}
#productList .prd_row .first_col {margin-left: 0px;}

#productList .prd_row span.gradient_txt span {width: 200px; margin: auto; float: none;}

#productList .prd_row .contact_box {margin-left: 15px; float: left; width: 466px;}
#productList .contact_box .center_decor { text-align: left; padding-left:10px;}
#productList .contact_box span.gradient_txt {margin: 20px 0 10px 0;}
#productList .contact_box p {padding-bottom: 5px;}
#productList .contact_box a.all_ct_btn { 
	background: url(../images/sprites/ellerkontakt_btn.png) no-repeat;
	width: 298px;
	height: 24px;
	text-align: center;
	text-shadow: 1px 1px 1px #323232;
	display: block;
	line-height: 24px;
	color: #fff;
	clear: none;
	margin-left: 10px;
}

#productList .contact_box a.all_ct_btn:hover { 
	background-position: 0 -24px;
}

/*---- KUNDER, YDELSER PAGES ----*/
#kunderContent p.desc, #ydelserContent p.desc, #profilContent p.desc, #welcommenContent p.desc{padding-bottom: 15px;}

/*----------- REFERENCER PAGE -----------------*/
#referencerContent {
}

#referencerContent .left_box, 
#referencerContent .right_box { display: inline; width: 468px; margin-bottom: 15px;}

#referencerContent .gradient_txt { display: block; color: #0090eb; font-size: 20px; float: left; margin: 25px 0 0 20px; height: 30px; }

#referencerContent a.link_box, #referencerContent .misc_ctn {display: block; padding: 25px 0 0 50px; overflow: hidden; height: 95px;}

#referencerContent a.link_box:hover, 
#referencerContent a.link_box:hover span,
#referencerContent ul.sub_rf_list li a:hover { color: #00b9ff;}

#referencerContent span.illus {display: block; float: left; width: 80px; text-align: center;}

#referencerContent .misc_ctn {padding-top: 30px; height: 90px;}

#referencerContent ul.sub_rf_list {
	float: left;
	overflow:hidden;
	margin: 0; 
	padding: 0 0 0 20px;
	list-style: none;
	width: 280px;
}

#referencerContent ul.sub_rf_list li { float: left; display: inline; background: url(../images/bullet_01.png) no-repeat left center; padding-left: 12px; width: 120px; margin: 2px 0 10px 0;}

#referencerContent ul.sub_rf_list li .gradient_txt {margin: 0; font-size: 18px; height: 22px;}

#referencerContent .ref_menu, #referencerContent .ref_link_ctn { background:url(../images/bg_menu_reference.png) no-repeat left bottom; overflow: hidden; }

#referencerContent .ref_menu {border-bottom: 5px solid #fff;}

#referencerContent .ref_menu ul { margin: 0; padding: 0; list-style: none; overflow: hidden;}
#referencerContent .ref_menu ul li {float: left; display: inline; overflow: hidden; padding: 5px 13px 10px 13px;}

#referencerContent .ref_menu ul li.first { padding-left: 0;}
#referencerContent .ref_menu ul li img { float: left;}
#referencerContent .ref_menu ul li a.ref_menu_link { 
	float: left; 
	display: block;  
	color: #666; 
	font-size: 15px;
	font-weight: bold;
	padding: 10px 2px 3px 0; 
	line-height: 40px;
	margin-left: 8px;
	white-space: nowrap;
}

#referencerContent .ref_menu ul li a.ref_menu_link:hover,
#referencerContent .ref_menu ul li.current a.ref_menu_link {color: #FD9F00; background: url(../images/next_arrow_04.png) no-repeat bottom left;}

#referencerContent .ref_menu.style2 ul li { padding-left:30px; width: 202px;}
#referencerContent .ref_menu.style2 ul li.first {padding-left: 0;}

#referencerContent .ref_menu.style2 ul li a.ref_menu_link { padding-top: 3px; margin-left: 10px;}

#referencerContent .ref_menu .sep_line { background:url(../images/ref_menu_sep.png) no-repeat right bottom;}

#referencerContent .ref_item, #referencerContent .ref_sep{ background: url(../images/ref_item_sep.png) no-repeat left center; float: left; display: inline; width: 315px; padding-left: 1px;}
#referencerContent .ref_sep { width: 1px; height: 210px;}

#referencerContent .ref_item .ref_illus { background:url(../images/bg_top_ref_item.gif) repeat-x top; width: 313px; text-align: center; padding: 25px 0 20px; min-height: 175px;}

#referencerContent .ref_item .ref_link_ctn {height: 41px; background-position: top right;}

#referencerContent .ref_item .ref_link_ctn a, #referencerContent .ref_item .ref_link_ctn span {display: block; text-indent: 60px; line-height: 40px; color: #009aff;}
#referencerContent .ref_item .ref_link_ctn span {text-transform: capitalize;}

#referencerContent .ref_item .ref_link_ctn a:hover { text-decoration: underline;}

#referencerContent #pager { padding: 20px 0 25px; overflow:hidden; clear: both;}
#referencerContent #pager ul {margin: 0; padding: 0; list-style: none; float: right; overflow: hidden;}

#referencerContent #pager ul li {float: left; display:inline; width: 31px; height: 22px; overflow: hidden; margin-left: 2px;}
#referencerContent #pager ul li a { background:url(../images/sprites/pager_item.png) no-repeat; display: block; width: 31px; height: 22px; text-align: center; line-height: 20px; color: #fff;}

#referencerContent #pager ul li.current a,
#referencerContent #pager ul li a:hover {background-position: 0 -22px; color: #009aff;}

/*-------KOMPETENCER PAGE -----*/
#kompetencerContent .kompetencerList {overflow: hidden;}

#kompetencerContent .box_decor_s3 .middle_decor { height: 250px;}

/*--------KONTAKT PAGE------------*/
#kontaktContent {overflow: hidden;}

#kontaktContent .box_decor_s4 {padding-bottom: 5px;}

#feedbackContent input, #feedbackContent textarea, #feedbackContent select,
#kontaktContent input, #kontaktContent textarea, #kontaktContent select   {
	float: left; 
	padding: 2px 4px; 
	height: 17px; 
	line-height: 18px; 
	margin-bottom: 5px;
	border: 1px solid #cecece;
	color: #8d8d8d;
	font-size: 12px;
}

#kontaktContent form#contactForm, #feedbackContent form#feedbackForm{ padding: 15px 0 20px 40px;}
#kontaktContent form#contactForm label,
#feedbackContent form#feedbackForm label {width: 115px; float: left; clear: left; display: block; height: 18px; line-height: 18px; margin-bottom: 5px;}

#kontaktContent form#contactForm input, 
#kontaktContent form#contactForm textarea,
#feedbackContent form#feedbackForm input, 
#feedbackContent form#feedbackForm textarea {width: 245px; }

#kontaktContent form#contactForm textarea,
#feedbackContent form#feedbackForm textarea  { height: auto;}

#kontaktContent form#contactForm .actions, #feedbackContent form#feedbackForm .actions { padding-left: 115px; }

#kontaktContent form#contactForm p.desc, #feedbackContent form#feedbackForm p.desc { padding-bottom: 10px; width: 360px;}

#kontaktContent a.click_btn, #feedbackForm a.click_btn {text-indent: 25px;}

#kontaktContent form#orderForm, #kontaktContent .contact_info {padding: 15px 10px 10px 20px;}
#kontaktContent form#orderForm span.gradient_txt { 
	font-size: 20px; 
	font-weight: bold;
	color: #0074c2;
	border-bottom: 1px dotted #8f8f8f;
	width: 190px; 
	display:block;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#kontaktContent form#orderForm label {display: block; float: left; line-height: 16px; width:150px; height: 20px; margin: 3px 0 0 4px;}
#kontaktContent form#orderForm input.checkbox {float: left; height: 14px; width: 14px; clear: both; margin-top: 4px;}
#kontaktContent form#orderForm input.text {width: 210px;}
#kontaktContent form#orderForm select {width: 220px; height: auto; padding: 2px 4px 4px 2px;}

#kontaktContent .contact_info .company_info { border-right: 1px dotted #8f8f8f; height: 160px;}
#kontaktContent .contact_info p.infos {overflow: hidden; border-bottom: 1px dotted #8f8f8f; padding-bottom: 10px; width: 195px;}
#kontaktContent .contact_info p.infos span {display: block; float: left; padding-left: 12px;}
#kontaktContent .contact_info p.infos span.logo {padding-left: 0;}

#kontaktContent .contact_info a {color: #05A1E4;}
#kontaktContent .contact_info a:hover { text-decoration: underline;}

#kontaktContent .forhand { overflow: hidden; padding-right: 10px;}
#kontaktContent .forhand a.forhand_btn{ 
	float: right;
	width: 141px; 
	display: block; 
	text-indent: 53px; 
	color: #0066FF;
	background:url(../images/sprites/bt_forhand.png) no-repeat;
	height: 22px;
	line-height: 20px;
}

#kontaktContent .forhand a.forhand_btn:hover { background-position: 0 -22px; color: #05A1E4;}

#feedbackContent .feedback_ctn { width: 500px; margin: auto; padding: 20px 0 40px; }
#feedbackContent .feedback_ctn .left_ctn, 
#feedbackContent .feedback_ctn .right_ctn { background:url(../images/bg_feedback.png) no-repeat; height: 304px; overflow: hidden;}

#feedbackContent .feedback_ctn .left_ctn { background-position: top left; padding-left: 13px;}
#feedbackContent .feedback_ctn .right_ctn { background-position: right -304px; padding-right: 13px; width: 460px; }

/*------ PRODUCT PAGES ----------*/
#productContent .product_ctn {overflow: hidden; padding-top: 15px;}
#productContent .box_decor_s3 .middle_decor { height: 360px;}

#productContent .bottom_link_ctn { background: none; padding: 25px 0 0 0;}

#productContent .form_ctn {padding: 20px 33px;}

#productContent .product_info_form {overflow: hidden; padding: 15px 0 10px;}

#productContent .product_info_form .desc_ctn {float: left; padding-right: 55px; background: url(../images/next_arrow_sep.jpg) no-repeat right center; min-height: 200px;}

#productContent .product_info_form .desc_ctn p.illus { padding: 0 10px 0 0; margin: 0;}

#productContent form#prdInfoForm {padding-left: 20px; overflow: hidden;}

#productContent form#prdInfoForm  label {float: left; clear:left; width: 85px; text-align: right; padding-right: 6px; margin-top: 5px;}
#productContent form#prdInfoForm  label.email_input {clear: none; width: 50px;}

#productContent form#prdInfoForm input {float: left; padding: 2px 4px; height: 17px; line-height: 18px; width: 205px; margin-bottom: 7px;}
#productContent form#prdInfoForm textarea {float: left; width: 484px; margin-bottom: 7px; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.ie7 #productContent form#prdInfoForm textarea {width: 482px;}

#productContent form#prdInfoForm .actions {padding-left: 92px;}

#productContent form#prdInfoForm .actions a {text-indent: 25px;}

/*------ STEP PAGE ----------- */
#stepContent .phase_item { padding-bottom: 10px;} 

#stepContent #phase1 {display: block;}

#stepContent .phase_item .box_decor_s5 {margin: 10px 0; display: none;}

#stepContent .phase_item .step_content {padding: 2px 20px 10px 20px;}

#stepContent .phase_item .step_item {overflow: hidden; padding: 10px 0 12px; margin-bottom: 10px; border-bottom: 1px dotted #8e8e8e;}
#stepContent .phase_item .step_item .step_illus {float:left; display:inline;}
#stepContent .phase_item .step_item .step_illus img {border: 1px solid #8e8e8e; max-width: 278px;} 
#stepContent .phase_item .step_item .step_desc {margin-left: 305px; }

/* ----- FOOTER NAVIGATION -----*/
#footerNav {
	background-color: #575757;
    color: #fff;
    margin: 0 auto;
    padding: 10px 0 8px;
    width: 100%;
}

#footerNav .nav_ctn { overflow: hidden;}

#footerNav a, #footerNav h4 { color: #fff; }

#footerNav a:hover { color: #00d4fb; text-decoration: none;}

#footerNav .nav_col {
	background:url(../images/bg_footer_nav.png) no-repeat right top;
	float: left;
	display:inline;
	width: 200px;
	padding: 10px 10px 5px 10px;
	min-height: 190px;
}

#footerNav .first_col { padding: 10px 5px 10px 0;}

#footerNav .first_col li { width: 185px; }

#footerNav .second_col { }

#footerNav .last_col { background: none; width: 292px; float: right; padding: 10px 0;}
#footerNav .last_col h4 { 
	padding: 3px 0 5px 0;
	border-bottom: 1px dotted #8E8E8E;
}

#footerNav .last_col .desc_ctn { overflow:hidden; padding-top: 5px;}

#footerNav .last_col .desc { float: left; width: 172px; display: inline;}

#footerNav .last_col p { color: #fff; float: left; padding-bottom: 5px; }

#footerNav .last_col a:hover {color: #fff;}

#footerNav ul {
	margin: 0;
	padding: 5px 10px 0 0;
	list-style: none;
	overflow:hidden;
}

#footerNav ul li {
	border-bottom: 1px dotted #8E8E8E;
    display: block;
    margin: 0;
    padding: 5px 0;
	line-height: 18px;
}

/*footer*/
#footer{
	padding-top: 22px;
	height: 38px;
	overflow:hidden;
	clear:both;
	background:url(../images/bg_footer.gif) repeat-x ;
}

#footer p, #footer a { color: #fff; display:inline; font-size: 12px;}
 #footer a:hover {color: #00d4fb;}

/*------------------------------trung--------------------------------*/
.bg_popup1{
	background:url(../images/bg_popup.png) no-repeat top left;
	/*position:absolute;*/
	width:847px;
	height:370px;
	/*left: 457px;
	top: -891px;*/
	z-index:10002;
	
}
.text_welcome{text-align:center;padding-top:120px;}
.text1{font-size:36px;color:#0CF;line-height:18px;}
.text2{font-size:16px;margin:0; padding-right:30px; color:#FFF;}
.text3{font-size:22px;margin:5px 0; padding-right: 30px; color:#FFF; font-weight:bold;}
.form_mail{width:600px;margin:20px auto 0 auto;}
.form_mail input{width:250px;margin-right:2px;height:27px; line-height:30px;vertical-align:top;padding-left:5px;}
.btn_gatil{width:230px;margin:0px 0px 20px 485px;}
.po_re{position:relative;}
.close_btn{
	position:absolute;
	left: 741px;
	top: 11px;
}

.m10{margin-top:10px;}
.text_input1{background:url(../images/bg_input_popup.png) no-repeat top left;width:229px;height:44px;margin-left:2px;}
.text_input1 input{background:none; border:none;width:219px;}